<template>
  <div class="home">
    <background-canvas></background-canvas>
    <logo></logo>
    <input-with-imagine></input-with-imagine>
  </div>
</template>

<script>
import InputWithImagine from '../components/InputWithImagine'
import Logo from '../components/Logo'
import BackgroundCanvas from '../components/BackgroundCanvas'
export default {
  name: 'Home',
  components: {
    InputWithImagine,
    Logo,
    BackgroundCanvas
  }
}
</script>
<style scoped>
canvas {
  z-index: -1;
  position: absolute;
  display: block;
  margin: 0 auto;
}
</style>
